$(function () {
            
    $('.top-left').mouseenter(function (e) {
        $('.top-left').css('color', 'red');
        $('.top-right').css('color', 'black');
        $('.content-left').css('display', 'block');
        $('.content-right').css('display', 'none')
    })
    $('.top-right').mouseenter(function (e) {
        $('.top-right').css('color', 'red');
        $('.top-left').css('color', 'black');
        $('.content-right').css('display', 'block');
        $('.content-left').css('display', 'none')
    })
})


//a标签滑动效果
$("a").click(function () {
    $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top -20+ "px"}, 500);
    return false;
    });